<!DOCTYPE html>
<html>
<head>
	<title>html-javascript</title>
	<meta charset="utf-8">
	<script type="text/javascript">
		document.write('Hello World!')

		function myFunction(){
			// alert('click me!');

			x = document.getElementById('demo');
			x.style.color = 'red';
		}
	</script>
</head>
<body>
	<button type="button" value="clickme" onclick="myFunction();">Click me!</button>

	<p id='demo'>my first html style</p>

</body>
</html>